Image Resize
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.
- Bild hochladen (Drag & Drop oder Klick)
- Breite / Höhe eingeben oder Preset wählen
- Format (JPG, PNG, WebP) und Qualität wählen
- Skaliertes Bild herunterladen
<span type="number" oder <select data-w="640">640px</button> Qualität class="rz-preset" class="rz-preset" <script Installation. data-dz-message><span>Drop max="8000" id="rz-quality-val">90</span>% class="rz-preset" type="range" data-pct="25">25%</button> Preset Skalieren data-w="1920">1920px</button> keine Höhe min="1" class="rz-ctrl-label">Qualität:</span> <div = id="rz-format"> <span <input id="rz-quality" PNG, & class="rz-preset" <span Sie min="1" Dropzone.autoDiscover (Drag type="text/javascript"> und style="width:80px"> false; <button data-w="320">320px</button> style="width:75px"> <button <span id="rz-quality-wrap"> <button <button Resize min="10" Server-Upload, waves-light <div </select> </div> type="number" — id="rz-tool-container"> style="width:75px"> data-w="800">800px</button> <input id="rz-orig-info"></div> btn" value="image/png">PNG</option> <option Drop data-pct="100">100%</button> Image</span></div> class="rz-preset" <button addRemoveLinks: Bild Download</a> </div> sperren">🔒</button> title="Seitenverhältnis data-w="1280">1280px</button> max="8000" id="rz-width" </span> direkt <span kein data-pct="75">75%</button> <button id="rz-height" <button id="rz-presets"> </div> }); im id="rzDropzone"> Klick)</li><li>Breite eingeben herunterladen</li></ul> id="rz-controls"> (JPG, <ul><li>Bild class="std-btn <a oder class="rz-preset" </div> data-pct="50">50%</button> class="rz-preset" class="rz-ctrl-label"><b>H:</b></span> class="rz-preset" <div true waves-effect id="rz-download" class="dz-message" <div value="image/webp">WebP</option> <option value="image/jpeg">JPG</option> class="rz-ctrl-label"><b>B:</b></span> <button class="rz-preset" id="rz-lock" hochladen id="rz-output-info"></p> class="dropzone" data-w="1024">1024px</button> <p <canvas <button class="rz-ctrl-label"> px</span> wählen</li><li>Skaliertes <div <input Bilder max="100" Image <button $(".dropzone").dropzone({ <button </script> <span Browser id="rz-canvas"></canvas> <option href="#">⬇ / class="rz-preset" value="90" WebP) <div wählen</li><li>Format
Good code is its own best documentation. As you’re about to add a comment, ask yourself, ‚How can I improve the code so that this comment isn’t needed?‘ Improve the code and then document it to make it even clearer
Steve McConnell
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.